<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TestUI</title>
    <link rel="stylesheet" type="text/css" href="src/css/ui.css">
    <style>
        .menu{
            list-style: none;
            width: 60px;
            background-color: antiquewhite;
        }

    </style>
</head>
<body>

<div>
    <ul class="menu">
        <li>
            1
            <ul class="menu">
                <li>1a</li>
                <li>1b</li>
                <li>1c</li>
            </ul>
        </li>
        <li>
            2
            <ul class="menu">
                <li>2a</li>
                <li>2b</li>
                <li>2c</li>
            </ul>
        </li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>
<input type="color" id="color">
</body>
<script>

    let inputEl = document.getElementById('color');
    window.inputEl = inputEl;



</script>
</html>
